var spinner=null;

function getSpinner()
{
    spinner=document.createElement('div');
    spinner.id="spinner",spinner.style.zIndex=100;
    spinner.innerHTML=`
    <div class="spinner-table">
        <div class="spinner-row">
            <div class="spinner-cell">
                <div class="container" style="text-align: center;">
                    <div class="spinner-border" style="width: 5rem; height: 5rem;" role="status"></div>
                    <p id="spinner-hint"></p>
                </div>
            </div>
        </div>
    </div>`;
    document.body.appendChild(spinner);
    return;
}

function stopSpinner()
{
    $("#spinner").fadeTo(500,0,"swing",()=>{
        document.body.removeChild(spinner);
        spinner=null;
    });
    return;
}